<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>Themes</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="Themes.css"/>
	</head>
	<body>
		
		
		
		<div class="shangxian"></div>
		
		
		
		
		
		
		
		<nav class="navbar navbar-expand-lg navbar-light bg-light"><div class="container">
  <a style="color: #8f20a1;" class="navbar-brand" href="#">Themes</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
  <div class="collapse navbar-collapse" id="navbarText">
    <ul class="navbar-nav mr-auto">
    </ul>
    <span class="navbar-text">
    	<a href="">Themes</a>
    </span>    
    <span style="margin: 0 50px 0 50px;" class="navbar-text">
    	<a href="">About</a>
    </span>    
    <span style="margin-right: 50px;" class="navbar-text">
    	<a href="">DAQ</a>
    </span>
  </div>
		</div>
</nav>

		
		
		
	<div class="dabi container">
		<a class="dab" href="">B</a>
		<h3>Themes</h3>
		<p>Customize and extend</p>
		<button type="button" class="btn btn-primary"style="background-color: #8F20A1;border: #8F20A1 1px solid;">Explore</button>
	</div>
		
		
	<div class="container" style="margin-top: 100px;">
		<div class="row">
		<div class="lkjh col-md-4">
			<img src="images/Themes_03.gif"/>
			<p class="wsx">Components and examples</p>
			<p>Each theme features new components</p>
		</div>
		<div class="lkjh col-md-4">
			<img src="images/sfdsdf_05.gif"/>
			<p class="wsx">Components and examples</p>
			<p>Each theme features new components</p>
		</div>		
		<div class="lkjh col-md-4">
			<img src="images/asdasd_03.gif"/>
			<p class="wsx">Components and examples</p>
			<p>Each theme features new components</p>
		</div>
		</div>
	</div>
		
		
		
		
		
	<div class="container">
		<h6 style="text-align: center;margin: 100px 0 50px 0;">Team</h6>
		<div class="onon row">
			<div class="you col-md-4">
				<div class="kuang">
				<div class="tu1">
				<img style="border-radius: 50%;width: 95px;height: 95px;" src="images/avatar-fat.jpg" alt="" />
				<p>Jaco Thornton</p>
				<p>Creator of Bootstrap,engineer at twitter <br />&Medium.Founder of Bumpers.</p>
				<button type="button" class="btn btn-primary"style="background-color: #8F20A1;border: #8F20A1 1px solid;">View Github</button>
				</div>
				</div>
			</div>
			<div class="you col-md-4">
				<div class="kuang">
				<div class="tu2">
				<img style="border-radius: 50%;width: 95px;height: 95px;" src="images/avatar-mdo.jpg" alt="" />
				<p>JMark Otto</p>
				<p>Design at Glthub.Creator of Bootstrap.<br />Previously at Twitter.Huge nerd.</p>
				<button type="button" class="btn btn-primary"style="background-color: #8F20A1;border: #8F20A1 1px solid;">View Github</button>
				</div>
				</div>
			</div>
			<div class="you col-md-4">
				<div class="kuang">
				<div class="tu3">
				<img style="border-radius: 50%;width: 95px;height: 95px;" src="images/avatar-dhg.png" alt="" />
				<p>Dave Gamache</p>
				<p>Design at Twitter & Medium.Starting<br />&Medium.Founder of Bumpers.</p>
				<button type="button" class="btn btn-primary"style="background-color: #8F20A1;border: #8F20A1 1px solid;">View Github</button>
				</div>
				</div>
			</div>
		</div>
	</div>
		
		
		
	<div class="container">
		<div class="cmon">
			<h5>C'mon,check out the themes!</h5>
			<p>Now you know what we're about,so peep the goods!</p>
		</div>
	</div>
		
		
		
		
		
		<div class="about">
			<ul>
				<li><a href="">About</a></li>
				<li><a href="">丨erms</a></li>
				<li><a href="">Privacy</a></li>
				<li><a href="">Licenses</a></li>
				<li><a href="">FAQ</a></li>
				<li><a href="">Bootstrap</a></li>
			</ul>
		</div>
	</div>
		
		
	
		
	<script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script></script>
	<script type="text/javascript" src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
	<script type="text/javascript" src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
	</body>
</html>
